<style>
</style>
<template>
    <ly-page>
        <ly-navi title="选择框"></ly-navi>
        <ly-page-content>
            <el-divider content-position="left">多选</el-divider>
            <ly-checkbox-group v-model="m">
                <ly-checkbox title="到店核销" description="无需发货" :label="1"></ly-checkbox>
                <ly-checkbox title="到店核销" description="无需发货" :label="2"></ly-checkbox>
            </ly-checkbox-group>
            {{m}}
            <ly-code-view>
                    <pre v-pre>
<ly-checkbox-group v-model="m">
    <ly-checkbox title="到店核销" description="无需发货" :label="1"></ly-checkbox>
    <ly-checkbox title="到店核销" description="无需发货" :label="2"></ly-checkbox>
</ly-checkbox-group>
                        </pre>
            </ly-code-view>

            <el-divider content-position="left">单选</el-divider>
            <ly-radio-group v-model="d">
                <ly-radio title="到店核销" description="无需发货" :label="1"></ly-radio>
                <ly-radio title="到店核销" description="无需发货" :label="2"></ly-radio>
            </ly-radio-group>
            {{d}}
            <ly-code-view>
                <pre v-pre>
<ly-radio-group v-model="d">
    <ly-radio title="到店核销" description="无需发货" :label="1"></ly-radio>
    <ly-radio title="到店核销" description="无需发货" :label="2"></ly-radio>
</ly-radio-group>
                </pre>
            </ly-code-view>
            <el-divider content-position="left">Boolean</el-divider>
            <ly-radio v-model="c" title="到店核销" description="无需发货"></ly-radio>
            {{c}}
            <ly-code-view>
                <pre v-pre>
  <ly-radio v-model="c" title="到店核销" description="无需发货"></ly-radio>
                </pre>
            </ly-code-view>
            <el-divider content-position="left">自定义</el-divider>
            <ly-radio-group v-model="h">
                <ly-radio width="110px" height="110px" :label="1">
                    <img src="/static/ly/imgs/logo.png">
                    <span class="description">描述1</span>
                </ly-radio>
                <ly-radio width="110px" height="110px" :label="2">
                    <img src="/static/ly/imgs/logo.png">
                    <span class="description">描述2</span>
                </ly-radio>
            </ly-radio-group>
            <ly-code-view>
                <pre v-pre>
<ly-radio-group v-model="h">
    <ly-radio width="110px" height="110px" :label="1">
        <img src="/static/ly/imgs/logo.png">
        <span class="description">描述1</span>
    </ly-radio>
    <ly-radio width="110px" height="110px" :label="2">
        <img src="/static/ly/imgs/logo.png">
        <span class="description">描述2</span>
    </ly-radio>
</ly-radio-group>
                </pre>
            </ly-code-view>

            <ly-markdown>
                <pre v-pre>
## `ly-checkbox-group`,`ly-radio-group`
------

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  v-model | 值	  |- |—	|—	|

## `ly-checkbox`,`ly-radio`
------

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  v-model | 值	  |-|—	|—	|
|  title | 标题	  |String |—	|—	|
|  description | 描述	  |String |—	|—	|
|  label | 选项值	  |String/Integer |—	|—	|
|  width | 宽度	  |String |如 100px	|—	|
|  height | 高度	  |String |如 100px	|—	|

#### slot
| 名称 |说明   |
| ------------ | ------------ |
| default | 自定义内容	  |

                </pre>
            </ly-markdown>
        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    m: [],
                    d: 1,
                    c: true,
                    h: 1
                }
            },
            mounted: function () {

            },
            methods: {}
        }
    })
</script>